<template>
<!-- 当使用具名插槽的时候 可以在下方写入slot的标签 根据对应的名字展示对应的具名插槽 
    格式 <slot name="xxxx"></slot>
    一般插槽会写很多个，但不会每一个都展示
    加入模板中式“content”+“footer” 那么是对应展示 这两个的插槽模板
    -->
  <div class="wrap">
    <h1>
        {{title}}分类
    </h1>
    <slot name='content'></slot>
    <slot  name='footer'></slot>
    <slot name="header"></slot>
  </div>
</template>

<script>
export default {
  name: "Tab",
  props:["title"]
};
</script>

<style>
.wrap {
  width: 250px;
  height: 350px;
  background-color: aquamarine;
}
.wrap h1 {
  background: pink;
}
</style>